<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
<!--    设置当前html文件的字符编码-->
    <meta name="viewport" content="width=device-width,user-scalabe=no,initial-scale=1"/>
<!--   设置浏览器兼容版本（让IE是使用最新的渲染引擎工作）-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--    视口，声明-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
<!--    上述3个meta标签必须放在最前面，任何其它内容都必须跟随其后-->
    <title>微金所</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<!--    引入bootstrap核心样式表-->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<!--    下面的条件注释，当条件满足时就会使用注释的内容，否者当忽略注释里的内容-->
<!--    [if lt IE 9]-->
<!--    html5shiv让浏览器可以识别html5的新标签-->
    <script src="bootstrap/html5shiv/html5shiv.min.js"></script>
<!--    respond让低版本浏览器可以使用媒体查询-->
    <script src="bootstrap/respond/respond.min.js"></script>
<!--    ![endif]-->
<!--    自己写的文件默认放在最下面-->
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<div class="wjs_topBar hidden-xs hidden-sm">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <a href="#" class="wjs_phone wjs_shang">
                <span class="glyphicon glyphicon-phone"></span>
                    <span>手机微金所</span>
                    <span class="glyphicon glyphicon-menu-down"></span>
                    <img src="images/code.jpg" alt=""/>
                </a>
            </div>
            <div class="col-md-4">
                <span class="glyphicon glyphicon-earphone"></span>
                <span>4006-89-4006（服务时间：9:00-21:00）</span>
            </div>
            <div class="col-md-2">
                <a href="#">常见问题</a>
                <a href="#">财富登录</a>
            </div>
            <div class="col-md-3 wjs_chang">
                <a href="#" class="btn-default btn">免费注册</a><a href="#" class="wjs_logo" data-toggle="modal" data-target="#myModal">登录</a>
            </div>
        </div>
    </div>
</div>
<nav class="navbar wjs_nav" data-spy="affix" data-offset-top="60">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><span>logo</span><span>图标</span></a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">我要投资</a></li>
                <li><a href="#">我要借贷</a></li>
                <li><a href="#">平台介绍</a></li>
                <li><a href="#">新手专区</a></li>
                <li><a href="#">最新动态</a></li>
                <li><a href="#">微平台</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right hidden-sm">
                <li><a href="#">个人中心</a></li>
            </ul>
        </div>
    </div>
</nav>
<!--轮播图-->
<div class="wjs_banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">

        </ol>
        <div class="carousel-inner" role="listbox">

        </div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<!--信息开始-->
<div class="wjs_info hidden-xs">
   <div class="container ">
       <div class="col-sm-6 col-md-4">
           <a href="#" class="wjs_info_a"><div class="media">
               <div class="media-left">
                   <div class="glyphicon glyphicon-yen"></div>
               </div>
               <div class="media-body">
                   <h4 class="media-heading">支付交易保障</h4>
                   <p>银联支付全称保证支付安全</p>
               </div>
           </div></a>
       </div>
       <div class="col-sm-6 col-md-4">
           <a href="#" class="wjs_info_a"><div class="media">
               <div class="media-left">
                   <div class="glyphicon glyphicon-yen"></div>
               </div>
               <div class="media-body">
                   <h4 class="media-heading">支付交易保障</h4>
                   <p>银联支付全称保证支付安全</p>
               </div>
           </div></a>
       </div>
       <div class="col-sm-6 col-md-4">
       <a href="#" class="wjs_info_a"><div class="media">
           <div class="media-left">
               <div class="glyphicon glyphicon-yen"></div>
           </div>
           <div class="media-body">
               <h4 class="media-heading">支付交易保障</h4>
               <p>银联支付全称保证支付安全</p>
           </div>
       </div></a>
   </div>
       <div class="col-sm-6 col-md-4">
        <a href="#" class="wjs_info_a"><div class="media">
           <div class="media-left">
               <div class="glyphicon glyphicon-yen"></div>
           </div>
           <div class="media-body">
               <h4 class="media-heading">支付交易保障</h4>
               <p>银联支付全称保证支付安全</p>
           </div>
          </div>
        </a>
       </div>
       <div class="col-sm-6 col-md-4">
           <a href="#" class="wjs_info_a"><div class="media">
               <div class="media-left">
                   <div class="glyphicon glyphicon-yen"></div>
               </div>
               <div class="media-body">
                   <h4 class="media-heading">支付交易保障</h4>
                   <p>银联支付全称保证支付安全</p>
               </div>
           </div>
           </a>
       </div>
       <div class="col-sm-6 col-md-4">
           <a href="#" class="wjs_info_a"><div class="media">
               <div class="media-left">
                   <div class="glyphicon glyphicon-yen"></div>
               </div>
               <div class="media-body">
                   <h4 class="media-heading">支付交易保障</h4>
                   <p>银联支付全称保证支付安全</p>
               </div>
           </div>
           </a>
       </div>
   </div>
</div>
<!--信息结束-->
<div class="wjs_yu">
   <div class="container">
        <div class="pull-left">
             <div class="glyphicon glyphicon-camera"></div>
         <a> 现在有 273 人在排队，累计预约交易成功 7571 次。 什么是预约投标？</a>
             <a href="#" class="yu">立即预约</a>
        </div>
       <div class="pull-right hidden-xs">
           <div class="glyphicon glyphicon-thumbs-up"></div>
           <a href="#"> 微金所企业宣传片</a>
       </div>
   </div>
</div>
<div class="wjs_tui">
   <div class="container">
       <div>
          <div class="wjs_nav_parent">
              <ul class="nav nav-tabs" role="tablist">
                  <li role="presentation" class="active"><a href="#tab1"  data-toggle="tab">特别推荐</a></li>
                  <li role="presentation"><a href="#tab2"  data-toggle="tab">微平台</a></li>
                  <li role="presentation"><a href="#tab3"  data-toggle="tab">微平台</a></li>
                  <li role="presentation"><a href="#tab4"  data-toggle="tab">微平台</a></li>
                  <li role="presentation"><a href="#tab5"  data-toggle="tab">微平台</a></li>
                  <li role="presentation"><a href="#tab6"  data-toggle="tab">微平台</a></li>
                  <li role="presentation"><a href="#tab7"  data-toggle="tab">微平台</a></li>
              </ul>
          </div>
           <div class="tab-content wjs_tui_xia">
               <div role="tabpanel" class="tab-pane active content1" id="tab1">
                   <div class="col-md-4 col-sm-6 col-xs-12">
                       <a href="#" class="active">
                            <div class="wjs_content_right  ">
                                <p><span>8</span><sub>%</sub></p>
                                 <p>年利率</p>
                            </div>
                              <div class="wjs_content_left">
                                  <h3>新手体验标1002期</h3>
                                  <div class="col-xs-6 ">
                                      <p>起投金额(元)</p>
                                      <p>0.01万</p>
                                  </div>
                                  <div class="col-xs-6 text-right">
                                      <p>起投金额(元)</p>
                                      <p>0.01万</p>
                                  </div>
                                  <div class="col-xs-6 ">
                                  <p>起投金额(元)</p>
                                  <p>0.01万</p>
                                </div>
                                  <div class="col-xs-6 text-right">
                                      <p>起投金额(元)</p>
                                      <p>0.01万</p>
                                  </div>
                              </div>
                         </a>
                   </div>
                   <div class="col-md-4 col-sm-6 col-xs-12 "><a href="#"><div class="wjs_content_right  ">
                       <div>
                           <span data-toggle="tooltip" data-placement="left" title="微金所">微</span>
                           <span  data-toggle="tooltip" data-placement="top" title="河南省">豫</span>
                       </div>
                       <p><span>8</span><sub>%</sub></p>
                       <p>年利率</p>
                   </div>
                       <div class="wjs_content_left">
                           <h3>新手体验标1002期</h3>
                           <div class="col-xs-6 ">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                           <div class="col-xs-6 text-right">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                           <div class="col-xs-6 ">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                           <div class="col-xs-6 text-right">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                       </div>

                   </a></div>
                   <div class="col-md-4 col-sm-6 col-xs-12 "><a href="#">
                       <div class="wjs_content_right  ">
                           <p><span>8</span><sub>%</sub></p>
                           <p>年利率</p>
                       </div>
                       <div class="wjs_content_left">
                           <h3>新手体验标1002期</h3>
                           <div class="col-xs-6 ">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                           <div class="col-xs-6 text-right">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                           <div class="col-xs-6 ">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                           <div class="col-xs-6 text-right">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                       </div>
                   </a></div>
                   <div class="col-md-4 col-sm-6 col-xs-12 "><a href="#">
                       <div class="wjs_content_right  ">
                           <p><span>8</span><sub>%</sub></p>
                           <p>年利率</p>
                       </div>
                       <div class="wjs_content_left">
                           <h3>新手体验标1002期</h3>
                           <div class="col-xs-6 ">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                           <div class="col-xs-6 text-right">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                           <div class="col-xs-6 ">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                           <div class="col-xs-6 text-right">
                               <p>起投金额(元)</p>
                               <p>0.01万</p>
                           </div>
                       </div>
                   </a></div>
               </div>
               <div role="tabpanel" class="tab-pane" id="tab2">2</div>
               <div role="tabpanel" class="tab-pane" id="tab3">3</div>
               <div role="tabpanel" class="tab-pane" id="tab4">4</div>
               <div role="tabpanel" class="tab-pane" id="tab5">5</div>
               <div role="tabpanel" class="tab-pane" id="tab6">5</div>
               <div role="tabpanel" class="tab-pane" id="tab7">6</div>
           </div>
       </div>
   </div>
</div>
<!--微金所新闻开始-->
<div class="wjs_new">
    <div class="container">
       <div class="col-xs-12 col-md-2 col-md-offset-2">
            <h2 class="wjs_new_content">全部新闻</h2>
       </div>
        <div class="col-xs-12 col-md-1">
            <div class="wjs_new_line hidden-sm hidden-xs"></div>
            <div>
                <ul class="nav nav-tabs" >
                    <li role="presentation" class="active"><a href="#home"  data-toggle="tab"><span class="glyphicon glyphicon-cd"></span></a></li>
                    <li role="presentation"><a href="#profile" a  data-toggle="tab"><span class="glyphicon glyphicon-list-alt"></span></a></li>
                    <li role="presentation"><a href="#messages"  data-toggle="tab"><span class="glyphicon glyphicon-ice-lolly"></span></a></li>
                    <li role="presentation"><a href="#settings"  data-toggle="tab"><span class="glyphicon glyphicon-blackboard"></span></a></li>
                </ul>
            </div>
        </div>
        <div class="col-xs-12 col-md-7">
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="home">
                    <ul class="wjs_new_01">
                        <li><a href="#">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                        <li><a href="#">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                        <li><a href="#">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                        <li><a href="#">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                        <li><a href="#">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                        <li><a href="#">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                        <li><a href="#">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                        <li><a href="#">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane" id="profile">2</div>
                <div role="tabpanel" class="tab-pane" id="messages">3</div>
                <div role="tabpanel" class="tab-pane" id="settings">4</div>
            </div>
        </div>
    </div>
</div>
<div class="wjs_foot">
   <div class="container">
       <h3>合作伙伴</h3>
       <ul>
           <li><a href="#"  class="wjs_font_01" ></a></li>
           <li><a href="#" class="wjs_font_02"></a></li>
           <li><a href="#" class="wjs_font_03"></a></li>
           <li><a href="#" class="wjs_font_04"></a></li>
           <li><a href="#" class="wjs_font_05"></a></li>
           <li><a href="#" class="wjs_font_06"></a></li>
           <li><a href="#" class="wjs_font_07"></a></li>
           <li><a href="#" class="wjs_font_08"></a></li>
           <li><a href="#" class="wjs_font_09"></a></li>
       </ul>
   </div>
</div>
<!--以下是关于登录的-->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">欢迎登录</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
                        <div class="col-sm-10">
                            <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> Remember me
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">Sign in</button>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
<!--class="<% i==0?'active':''-->
<script id="pointBox" type="text/template">
    <% for(var i=0;i<list.length ; i++){ %>
    <li data-target="#carousel-example-generic" data-slide-to="<%= i %>" class="<%= i==0?'active':'' %>"></li>
    <% } %>
</script>
<script id="imgBox" type="text/template">
    <% for(var i=0;i<list.length ; i++){ %>
    <div class="item <%= i==0?'active':'' %>">
        <% if(isM){ %>
            <a href="#" class="mdBox"><img src="<%= list[i].mdURL %>" alt=""></a>
        <% } else {%>
            <a href="#" class="imgBox"  style="background-image: url(<%= list[i].pcURL %>)"></a>
        <% } %>
        </div>
    <% } %>
</script>
<!--bootstrap的所有组件都是依赖jQuery的-->
<script src="bootstrap/jquery/jquery.min.js"></script>
<script src="js/template-web.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="bootstrap/iscroll/iscroll.js"></script>
<script src="js/index2.js"></script>
</body>
</html>